﻿<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>@ViewBag.Title - Web Tech CW02</title>
        <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <meta name="viewport" content="width=device-width" />
            @Styles.Render("~/Content/themes/base/css", "~/Content/css")
            @Scripts.Render("~/bundles/modernizr", "~/bundles/jquery", "~/bundles/jqueryui")
            @Scripts.Render("~/bundles/jqueryval")
            <script type="text/javascript" src="~/Scripts/kendo.all.min.js"></script>
            <script type="text/javascript" src="~/Scripts/menu.js"></script>
            <script type="text/javascript" src="~/Scripts/ui.selectmenu.js"></script>
            <script src="~/Scripts/jquery.ui.datepicker.js"></script>        
            <script type="text/javascript" src="~/Scripts/AppScript.js"></script>
              <script type="text/javascript" src="~/Scripts/form2js.js"></script>
            @*<link rel="stylesheet" href="~/Content/themes/base/kendo.default.min.css" />*@
              <link rel="stylesheet" href="~/Content/themes/base/kendo.common.min.css" />  
            <link href="~/Content/themes/base/kendo.black.min.css" rel="stylesheet" />                
            
            <link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-darkness/jquery-ui.css" rel="Stylesheet"> 
            <link href="~/Content/menu.css" rel="stylesheet" />                 
            <link href="@BotDetect.Web.CaptchaUrls.Absolute.LayoutStyleSheetUrl" rel="stylesheet" type="text/css" />
    <style>
            .ui-autocomplete {
                max-height: 100px;
                overflow-y: auto;
                /* prevent horizontal scrollbar */
                overflow-x: hidden;
                /* add padding to account for vertical scrollbar */
                padding-right: 20px;
            }
            /* IE 6 doesn't support max-height
             * we use height instead, but this forces the menu to always be this tall
             */
            * html .ui-autocomplete {
                height: 100px;
            }
    </style>
    </head>
    <body>
        <header>
            <div class="content-wrapper">
                <div class="float-left">
                    <p class="site-title">@Html.ActionLink("Human Resources System", "Index", "Home")</p>
                </div>
                <div class="float-right">
                    @*<section id="login">
                        @Html.Partial("_LoginPartial")
                    </section>*@
                   <div id="menu">
                        <ul class="menu">
                            <li><a href="#" class="parent"><span>Home</span></a>
                                <ul>
                                    <li><a href="#" class="parent"><span>Sub Item 1</span></a>
                                        <ul>
                                            <li><a href="#" class="parent"><span>Sub Item 1.1</span></a>
                                                <ul>
                                                    <li><a href="#"><span>Sub Item 1.1.1</span></a></li>
                                                    <li><a href="#"><span>Sub Item 1.1.2</span></a></li>
                                                </ul>
                                            </li>
                                            <li><a href="#"><span>Sub Item 1.2</span></a></li>
                                            <li><a href="#"><span>Sub Item 1.3</span></a></li>
                                            <li><a href="#"><span>Sub Item 1.4</span></a></li>
                                            <li><a href="#"><span>Sub Item 1.5</span></a></li>
                                            <li><a href="#"><span>Sub Item 1.6</span></a></li>
                                            <li><a href="#" class="parent"><span>Sub Item 1.7</span></a>
                                                <ul>
                                                    <li><a href="#"><span>Sub Item 1.7.1</span></a></li>
                                                    <li><a href="#"><span>Sub Item 1.7.2</span></a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a href="#"><span>Sub Item 2</span></a></li>
                                    <li><a href="#"><span>Sub Item 3</span></a></li>
                                </ul>
                            </li>
                            <li><a href="#" class="parent"><span>Product Info</span></a>
                                <ul>
                                    <li><a href="#" class="parent"><span>Sub Item 1</span></a>
                                        <ul>
                                            <li><a href="#"><span>Sub Item 1.1</span></a></li>
                                            <li><a href="#"><span>Sub Item 1.2</span></a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#" class="parent"><span>Sub Item 2</span></a>
                                        <ul>
                                            <li><a href="#"><span>Sub Item 2.1</span></a></li>
                                            <li><a href="#"><span>Sub Item 2.2</span></a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#"><span>Sub Item 3</span></a></li>
                                    <li><a href="#"><span>Sub Item 4</span></a></li>
                                    <li><a href="#"><span>Sub Item 5</span></a></li>
                                    <li><a href="#"><span>Sub Item 6</span></a></li>
                                    <li><a href="#"><span>Sub Item 7</span></a></li>
                                </ul>
                            </li>
                            <li><a href="#"><span>Help</span></a></li>
                            <li class="last"><a href="#"><span>Contacts</span></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </header>
        <div id="body">
            @RenderSection("featured", required: false)
            <section class="content-wrapper main-content clear-fix">
                @RenderBody()
            </section>
        </div>
        <footer>
            <div class="content-wrapper">
                <div class="float-left">
                    <p>&copy; @DateTime.Now.Year.ToString() - Web Tech Coursework 02</p>
                    <p>JQuery Menu Plugin by <a href="http://apycom.com/"> apy.com</a></p>
                </div>
            </div>
        </footer>
    </body>
</html>
